<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="./comment_manage.css">
    <title>评价管理</title>
</head>

<body>
	<div class="header navigationBar">
      	<div class="wrapper">
          	<span  class="header-btn left-btn backtrack" onclick="backPage"></span>
          	<span class="title">评价管理</span>
      	</div>
  	</div>
  	<div class="container top-container" >

  		<ul class="comment-label">
  			<li :class="tabIndex==0 ? 'active': ''" @click="tab(0)">
  				全部(<span v-html='all_num'></span>)
  			</li>
  			<li :class="tabIndex==1 ? 'active': ''" @click="tab(1)">好评(<span v-html='good_num'></span>)</li>
  			<li :class="tabIndex==2 ? 'active': ''" @click="tab(2)">中评(<span v-html='middle_num'></span>)</li>
  			<li :class="tabIndex==3 ? 'active': ''" @click="tab(3)">差评(<span v-html='bad_num'></span>)</li>
  		</ul>
      <div class="comment_manage_null">
  			<img src="../../../image/shop/buy/buy-83.png"/>
  			<h2>暂无评价</h2>
  			<p>静心等待您的宝贝好评吧</p>
  		</div>
      <div class="comment_list_div">
    		<ul class="comment-list">
    			<li v-for="(item, index) in commentList">
    				<section class="comment-info">
    					<img :src="item.avater"/>
    					<h2 v-html="item.nickname"></h2>
    					<span v-html="item.date_add"></span>
    				</section>


            <div class="comment-star">
    					<img src="../../../image/shop/buy/buy-58.png" v-for="star in item.star_arr"/>
    				</div>

    				<div class="comment-content">
    					<div class="comment-content-txt" v-html="item.content">

    					</div>
    					<div class="comment-content-img">

    						<div v-for="items in item.images">
  	  						<img :src="items"/>
    						</div>

    					</div>
    				</div>
    				<div class="comment-reply" :class="show_reply[index]==1 ? 'active' : ''">
    					<div class="">
    						<h2><span class="seller_tag">店长</span> <span v-html="seller_name"></span> </h2>
    						<div v-html="item.reply_content">

    						</div>
    					</div>
    					<!-- <div class="">
    						<h2><img :src="item.avater"/>反馈数据库</h2>
    						<div>
    							附近的绿色空间来看代课老师看风景的拉萨附近时立即离开房间的撒开机放口袋里撒看见妇科萨拉
    						</div>ß
    					</div> -->
    				</div>
    				<div class="comment-goods">
    					<img :src="item.cover+'?x-oss-process=image/resize,m_lfit,w_960'"/>
    					<h2 v-html="item.goods_name"></h2> <span class="goods_price">¥ <span v-html="item.price"></span> </span>
    					<p><span>型号：<span v-html="item.option_name"></span> </span><span>数量：<span v-html="item.quantity"></span></span></p>


                <span v-cloak v-show="item.reply_content" class="commented">已回复</span>

                <a href="javascript:void(0);" v-cloak v-show="!item.reply_content" @click="writeComment(item.id, item.nickname)"><img src="../../../image/shop/buy/buy-30.png"/>回复</a>

    				</div>
    			</li>

    		</ul>
      </div>
      <div class="reply">
        <input type="text" value="" id="replyInput" @input="valid">
        <div id="submit">发送</div>
        <div id="sub" @click="sellerOrderComment()">发送</div>
      </div>

  	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./commentManage.js"></script>
</html>
